<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>产品分类</title>
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/login.css" rel="stylesheet" type="text/css" />
		<style>
			.content {
				background-position: center;
				background-size: 100%;
				height: 500px;
				background-repeat: no-repeat;
			}
		</style>
	</head>

	<body>
		<div class="header" style="min-width:1180px;">
			<div class="line">
				<div class="prevline"></div>
			</div>
			<div class="minwidth">
				<img src="images/logo.png" class="logo" />
				<ul class="nav">
					<!--<li>
						<a href="#">官网</a>
						<div class="line"></div>
					</li>-->
				</ul>
			</div>

		</div>

		<div class="content">
			<div style="width:100%;min-width:1180px;overflow:hidden;position:relative;">
				<img src="images/bg.jpg" style="width:1920px;" />
					<img src="images/login_left.png" class="login_left" style="position:absolute;top:40px;" />
			<div class="logcontent minwidth" style="position:absolute;top:20px;">
				<div class="login_form">
					<div>
						<span class="account">企业用户</span>
					</div>
					<div class="notice">
						<span class="notice_icon"></span>
						<span class="notice_word">公共场所不建议自动登录，以防账号丢失</span>
					</div>

					<div id="" class="label_input username">
						<label class="user_icon"> </label>
						<input type="text" class="input_class name_input" autocomplete="off" placeholder="邮箱/用户名/已验证手机">

					</div>
					<div id="" class="label_input password">
						<label class="password_icon"> </label>
						<input type="password" class="input_class password_input" autocomplete="off" placeholder="密码">

					</div>

					<div class="auto_log">
						<input type="checkbox" class="jdcheckbox"><span class="auto_log_span"> 自动登录</span>
						<span class="fr forget_pass"> <a href="#">忘记密码？</a></span>
					</div>

					<button class="login_button">登录</button>
				</div>

			</div>

			</div>
		
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 <span style="color:#17a3d7">粤ICP备15107022-1号</span></div>
			</div>

		</div>

		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {
				$("div.lazy").lazyload({
					effect: "fadeIn"
				});
				
				$(".login_button").click(function(){
					if(!$('.name_input').val()){
						$('.notice_word').text('公共场所不建议自动登录，以防账号丢失');
					}
				})
				
			$(document).keydown(function (event) {
				if (event.which == 20) {
					if($('.notice').hasClass('notice_red')){
						$('.notice').removeClass('notice_red');
						$('.notice_word').text('公共场所不建议自动登录，以防账号丢失');
					}else{
						$('.notice_word').text('大小写键已经被锁定，请注意区分大小写。');
						$('.notice').addClass('notice_red');
						return false;
					}
				};
			});
			});
		</script>
	</body>

</html>